theme: Restrict the aggregate menu to 320px

Like in the designs. This also requires that we don't put a min-width
on sliders, as 15em is smaller than 320px.

https://bugzilla.gnome.org/show_bug.cgi?id=705845

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index da3f5f2eb0f0f5db137c7c117bb9a47358701f94..bd89c0c75b9c6e8cf993d3a44642d7d24edf60b7 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -127,7 +127,6 @@ StScrollBar StButton#vhandle:active {
 
 .slider {
     height: 1em;
-    min-width: 15em;
     -slider-height: 0.3em;
     -slider-background-color: #333333;
     -slider-border-color: #5f5f5f;
@@ -631,6 +630,10 @@ StScrollBar StButton#vhandle:active {
     icon-size: 1.09em;
 }
 
+.aggregate-menu {
+    width: 320px;
+}
+
 .system-switch-user-submenu-icon {
     icon-size: 24px;
     border: 1px solid #8b8b8b;

diff --git a/js/ui/panel.js b/js/ui/panel.js
index 1ded175f3b63c16838d414b741745ce5daf237f5..face8c0b7310dc5e741506a2d977b7b9e37fed3c 100644 (file)
--- a/js/ui/panel.js
+++ b/js/ui/panel.js
@@ -846,6 +846,7 @@ const AggregateMenu = new Lang.Class({
 
     _init: function() {
         this.parent(0.0, _("Settings Menu"), false);
+        this.menu.actor.add_style_class_name('aggregate-menu');
 
         this._indicators = new St.BoxLayout({ style_class: 'panel-status-indicators-box' });
         this.actor.add_child(this._indicators);